var echarts = require('../../../../ec-canvas/echarts');
function initChart(canvas, width, height) {
  var chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);
  var option = {
    grid: {
      top:"5%",
      left: '3%',
      right: '4%',
      bottom: '7%',
      containLabel: true
    },
    title: {
      text: '某站点用户访问来源',
      subtext: '纯属虚构',
      x: 'center'
    },
    tooltip: {
      trigger: 'item',
      formatter: "{a} \n{b} : {c} ({d}%)",
      position: function (point, params, dom, rect, size) {
        var x = 0;
        var y = 0;
        var pointX = point[0];
        var pointY = point[1];
        var boxWidth = size.contentSize[0];
        var boxHeight = size.contentSize[1];
        if (boxWidth > pointX) {
          x = 5;
        } else { // 左边放的下
          x = pointX - boxWidth;
        }
        if (boxHeight > pointY) {
          y = 5;
        } else { // 上边放得下
          y = pointY - boxHeight;
        }
        return [x, y];
      }
    },
    legend: {
      orient: 'vertical',
      left: 'left',
      data: ['增值税', '城市维护建设税', '印花税', '教育费附加']
    },
    series: [
      {
        name: '纳税情况',
        type: 'pie',
        radius: '55%',
        center: ['50%', '60%'],
        data: [
          { value: 335, name: '增值税' },
          { value: 310, name: '城市维护建设税' },
          { value: 234, name: '印花税' },
          { value: 135, name: '教育费附加' }
        ],
        itemStyle: {
          emphasis: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }
    ]
  };
  chart.setOption(option);
  return chart;
}





Page({

  /**
   * 页面的初始数据
   */
  data: {
    zt:"true",
    tp:"true",
    ec: {
      onInit: initChart
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  xzyf() {
    var zt = this.data.zt;
    var tp = this.data.tp;
    this.setData({
      zt: !zt,
      tp: !tp
    })
  }

})